{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 预留网站标题的位置 -->
    <title>套餐详情</title>
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1/css/bootstrap.min.css' %}">
    <style>
        .navbar {
            border-radius: 0;
            background: linear-gradient(to right, rgb(206, 225, 240), rgb(253, 253, 253));
        }

        body {
            background: linear-gradient(to right, rgb(206, 225, 240), rgb(253, 253, 253));
        }
    </style>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        td {
            text-align: center
        }

        .mg {
            margin-top: 5px;
        }

        .sm-mg {
            margin-left: 900px;
        }

        .sm-mg1 {
            width: 60px;
            margin-left: 40px;
        }
    </style>
</head>
<body>
<nav class="navbar navbar-default">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="#" style="padding-bottom: 50px;">
                <p style="color: #f5c400;margin-bottom: 0px;">驾校网上报名系统</p>
                <p style="color: #f5c400;font-size: 1px;margin-top: 0px;">Kashgar Xinlongji Trading Co., Ltd. product
                    library</p>
            </a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="http://127.0.0.1:8000/user/1/index">首页</a></li>
                <li><a href="/mycart/">我的收藏</a></li>
                <li><a href="/orders/">报名</a></li>
            </ul>
        </div>
    </div>
</nav>
<!-- 中间 -->
<div class="container" style="margin-bottom: 100px;">
    <div class="panel panel-default">
    {% if  messages %}
        <div class="msg">
            {% for obj in messages %}
                <div class="alert alert-{{ obj.level_tag }}">
                    {{ obj.message }}
                </div>
            {% endfor %}
        </div>
    {% endif %}
        {% for goods in queryset %}
            <div class="panel-heading">
                <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
                {{ goods.gname }}详细报名单
            </div>
            <div class="panel-body">
                <form action="/cart/" method="post">
                    {% csrf_token %}
                    <label class="control-label mg" for="inputSuccess2">ID:</label>
                    <input class="form-control mg" name="goodsid" type="text" value="{{ goods.id }}" readonly>
                    <label class="control-label mg" for="inputSuccess2">驾校名称:</label>
                    <input class="form-control mg" name="gname" type="text" value="{{ goods.gname }}" readonly>
                    <label class="control-label mg" for="inputSuccess2">驾校图片:</label>
                    <input class="form-control mg" name="colorurl" type="hidden" value="{{ goods.colorurl }}" readonly>
                    <p><img class=" mg" src="/media/{{ goods.colorurl }}" alt=""></p>
                    <label class="control-label mg" for="inputSuccess2">驾照类型:</label>
                    <input class="form-control mg" name="sname" type="text" value="{{ goods.sname }}" readonly>
                    <label class="control-label mg" for="inputSuccess2">套餐类型:</label>
                    <input class="form-control mg" name="Category" type="text" value="{{ goods.Category }}" readonly>
                    <label class="control-label mg" for="inputSuccess2">价格:</label>
                    <input class="form-control mg" name="price" type="text" value="{{ goods.price }}" readonly>
                    <input type="submit" value="加入收藏" class="btn btn-primary sm-mg mg" name="flag">
                    <input type="submit" value="报名" class="btn btn-success mg sm-mg1" name="flag">
                </form>
                </tbody>
                </table>
            </div>
        {% endfor %}
    </div>
</div>
<!-- 底部 -->
<div class="container" style="margin-top: 150px">
    <div class="row">
        <div class="col-md-12">
            <div>
                <ul class="list-unstyled list-inline">
                    <li><a href="#" style="color: black;" class="h4"> </a></li>
                    <li><a href="#" style="color: black;" class="h4"> </a></li>
                    <li><a href="#" style="color: black;" class="h4"> </a></li>
                    <li><a href="#" style="color: black;" class="h4"></a></li>
                    <li><a href="#" style="color: black;" class="h4"></a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.min.js' %}"></script>
</body>
</html>
